<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="utf-8">
    <meta name="description" content="app, web app, responsive, admin dashboard, admin, flat, flat ui, ui kit, off screen nav" />
    <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1" />
    <title>客户管理系统</title>
    <link rel="stylesheet" href="../tool/layui/css/layui.css" type="text/css" />
</head>
<body >
<div id="app">
    <div class="layui-body" id="content">
        <form class="layui-form">
            <div style="padding: 15px;">
                <div class="layui-form-item">
                    <label class="layui-form-label">帐号名</label>
                    <div class="layui-input-block">
                        <input v-model="userName" style="width:50%" type="text" placeholder="请输入" class="layui-input" autocomplete="off">
                    </div>
                </div>
                <div class="layui-form-item">
                    <label class="layui-form-label">密码</label>
                    <div class="layui-input-block">
                        <input v-model="userPassword" style="width:50%" type="password" placeholder="请输入" class="layui-input" autocomplete="off">
                    </div>
                </div>
                <div class="layui-form-item">
                    <label class="layui-form-label">人员姓名</label>
                    <div class="layui-input-block">
                        <input v-model="userTrueName" style="width:50%" type="text" placeholder="请输入" class="layui-input" autocomplete="off">
                    </div>
                </div>
                <div class="layui-form-item">
                    <label class="layui-form-label">电话号码</label>
                    <div class="layui-input-block">
                        <input v-model="userPhone" style="width:50%" type="text" placeholder="请输入" class="layui-input" autocomplete="off">
                    </div>
                </div>
                <div class="layui-form-item">
                    <label class="layui-form-label">邮箱</label>
                    <div class="layui-input-block">
                        <input v-model="userEmail" style="width:50%" type="text" placeholder="请输入" class="layui-input" autocomplete="off">
                    </div>
                </div>
                <div class="layui-form-item">
                    <div class="layui-input-block">
                        <button type="reset" class="layui-btn layui-btn-normal">重置</button>
                    </div>
                </div>
            </div>
        </form>

        <div class="layui-row layui-col-space10">
            <div class="layui-col-md4">
            </div>
            <div class="layui-col-md4">
            </div>
            <div class="layui-col-md4">
                <button class="layui-btn" @click="add()">立即提交</button>
                <button class="layui-btn layui-btn-primary" @click="back()">返回</button>
            </div>
        </div>
    </div>
</div>
<script src="../tool/layui/layui.js"></script>
<script type="text/javascript" src="../tool/js/jquery-1.10.1.js"></script>
<script src="../tool/js/vue.js"></script>
<script src="js/userAdd.js"></script>
<script type="text/html" id="barDemo">
    <a class="layui-btn layui-btn-danger layui-btn-xs" lay-event="del">删除</a>
</script>
<script type="text/html" id="toolbarDemo">
</script>
</body>
</html>